<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta name="description" content="Latest updates and statistic charts">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--begin::Web font -->
    <script src="<%=request.getContextPath()%>/assets/app/js/webfont.js"></script>
    <script>
        WebFont.load({
            google: {"families":["Poppins:300,400,500,600,700","Roboto:300,400,500,600,700"]},
            active: function() {
                sessionStorage.fonts = true;
            }
        });
        function changeFrameHeight(){
            var ifm= document.getElementById("mainFrame");
            ifm.height=document.documentElement.clientHeight;
        }

        window.onresize=function(){
            changeFrameHeight();
        }

    </script>
    <style type="text/css">
        ::-webkit-scrollbar { width: 0 !important }
        #background{

            background-image: url(http://localhost:8081/cargo_agent//picture/getPictures/VCG211185552079.jpg);
            background-repeat: no-repeat;
            background-size: 100%,100%;
        }
    </style>
    <!--end::Web font -->
    <!--begin::Base Styles -->
    <!--begin::Page Vendors -->
    <jsp:include page="/assets/common-css.jsp" />
    <jsp:include page="/assets/common-js.jsp" />

    <title>首页</title>
</head>
<body name="background" class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-light m-aside-left--fixed m-aside-left--offcanvas m-aside-left--minimize m-brand--minimize m-footer--push m-aside--offcanvas-default">
<!-- begin:: Page -->
<div class="m-grid m-grid--hor m-grid--root m-page">
    <!-- begin::Header -->
    <jsp:include page="/assets/common/header.jsp" />
    <!-- end::Header -->
    <!-- begin::Body -->
    <div  class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-body">
        <!-- BEGIN: Left Aside -->
        <jsp:include page="/assets/common/leftAside.jsp" />
        <!-- end: Left Aside -->

        <div class="m-grid__item m-grid__item--fluid m-wrapper" style="margin-bottom: 0;-ms-overflow-style: none; ">
            <!-- BEGIN: Subheader -->
            <!-- end: Subheader -->
            <div class="m-content" style="padding:5px; background-image: url('<%=request.getContextPath()%>/assets/img/index.jpg')" id="background"    >
                <iframe id="mainFrame" src="" name="mainFrame" frameborder="0"  scrolling="no" onload="changeFrameHeight()" ></iframe>
            </div>
        </div>
    </div>
    <!-- end::Body -->
    <jsp:include page="/assets/common/footer.jsp"/>
</div>
</body>
</html>